.switch-enter {
    transform: translate(400px);
    opacity: 0.01;
    transition: opacity .5s,transform .5s;
}

.switch-enter.switch-enter-active {
    transform: translate(0);
    opacity: 1;
}

.switch-leave {
    opacity: 1;
    transform: rotate(360deg) translateY(-400px);
    transition: opacity .8s,margin-top .8s, transform .8s;
}

.switch-leave.switch-leave-active {
    opacity: 0;
}

.index-container .title{
    font-size: 22px;
    text-align: center;
    margin-top: 15px;
}

.index-container .btn{
    width: 100%;
    height: 40px;
    margin-top: 25px;
    border-style: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.index-container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.index-container > div{
    position: relative;
    -webkit-animation: bounceInLeft 1s ease;
    animation: bounceInLeft 1s ease;
}

@-webkit-keyframes bounceInLeft{
    0%{
        margin-left: -1000px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        margin-left: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes bounceInLeft{
    0%{
        margin-left: -1000px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        margin-left: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.index-body{
    width: 410px;
    height: 300px;
    position: relative;
}

.form-box{
    width: 360px;
    height: 100%;
    box-shadow: 0 10px 12px #d9dee2;
    padding: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: absolute;
}